.basic-dialog{
  border-radius: 16px !important;

    .arco-modal-header {
       padding: 20px 20px 12px 20px;
        height: 56px;
        border-bottom: none;
        border-radius: 16px 16px 0 0;
        .arco-modal-title {
          @apply text-color-1 text-sm font-700;
     
        }
        .arco-modal-title-icon {
          display: none; 
        }
        .arco-icon-hover{
          &::before{
            @apply bg-white;
           }
          .arco-icon-close{
            width: 1rem ;
            height: 1rem ;
          }
        }
        .cloud-model__title {
          @apply flex items-center gap-x-2 text-sm font-bold;
 
        }
      }
      .arco-modal-body {
        padding: 8px 20px;
        @apply flex-1 overflow-y-auto;
        .cloud-model__content {
          @apply flex items-start gap-x-2 p-0 text-xs;

        }
        &.no-footer{
          padding-bottom: 20px !important;
        }
      }
      &.is-danger {
        .arco-modal-body {
          @apply py-0!;

        }
      }
      .arco-modal-footer {
        padding: 20px;
        border-top: none;
        border-radius: 0px 0px 16px 16px;
        .arco-btn {
          padding: 0 16px;
          border: 1px solid var(--border-2);
          border-radius: 8px;
          &:first-child {
            @apply bg-white text-color-1;
            border: 1px solid var(--border-2, #E5E6EB);
            &:hover {
              @apply bg-fill-2;
              border: 1px solid var(--border-2, #E5E6EB);
             }
          }
        }
      }

      &.is-danger {
        .cloud-model__icon {
          @apply text-warning;
        }
        .arco-modal-footer {
          .arco-btn {
            @apply px-4!;
            &:last-child {
              @apply bg-danger text-white;
            }
          }
        }
      }
}